<template>
	<view class="container">
		<!-- 用户信息卡片 -->
		<view class="head-section">
			<head-mine-vue></head-mine-vue>
		</view>

		<!-- 我的服务 -->
		<view class="service-section">
			<service-mine-vue></service-mine-vue>
		</view>

		<!-- 常用工具 -->
		<view class="tools-section">
			<tools-mine-vue></tools-mine-vue>
		</view>
	</view>
</template>

<script>
	import headMineVue from '../../components/mine/headMine.vue';
	import serviceMineVue from '../../components/mine/serviceMine.vue';
	import toolsMineVue from '../../components/mine/toolsMine.vue';

	export default {
		components: {
			headMineVue,
			serviceMineVue,
			toolsMineVue
		},
		data() {
			return {};
		}
	};
</script>

<style lang="scss" scoped>
	.service-section {
		margin-top: 10px;
	}

	.tools-section {
		margin-top: 10rpx;
	}
</style>